<template>
  <h1>开关组件</h1>
  <el-switch v-model="value1"></el-switch>
  <el-switch v-model="value2"></el-switch>
  <el-switch v-model="value3" :active-value="1" :inactive-value="0"></el-switch>
  <el-switch v-model="value4" active-value="1" inactive-value="0"></el-switch>
  <hr>
  <el-switch v-model="value5"  style="--el-switch-on-color: orange;
  --el-switch-off-color: black"></el-switch>
  <hr>
  <img src="imgs/fcq.jpg"  alt="" style="width: 200px" v-if="value5">
</template>

<script setup>
import {ref} from "vue";

let value1 = ref(false);
let value2 = ref(true);
let value3 = ref(1);
let value4 = ref('1');
let value5 = ref(false);

</script>

<style scoped>

</style>